* { box-sizing: border-box; }
body { background-color: rgb(1, 142, 245); font-family: "Open Sans", sans-serif; }
body > .wrapper { background: rgb(255, 255, 255); }
a { color: rgb(1, 142, 245); }
a:hover, a:active, a:focus { text-decoration: none; color: rgb(1, 114, 196); }
header { background-color: rgb(1, 142, 245); position: absolute; width: 100%; z-index: 10000; padding: 5px; top: 0px; }
header .navbar > .container { display: flex; -webkit-box-align: center; align-items: center; }
header .navbar > .container .navbar-collapse { width: 100%; }
header .navbar > .container .navbar-collapse .navbar-collapse { -webkit-box-pack: end; justify-content: flex-end; }
header .navbar > .container .navbar-brand { width: 110px; background-size: 100%; background-image: url("https://yaohuo.me/CSS/img/img/homepage/brandmark-white.svg"); text-indent: -9000px; background-repeat: no-repeat; padding: 0px; margin: 0px 5px 5px 0px; }
#tryitnow .tryitnow-left .tryitnow-options > .row { display: none; }
#beta .container { width: 500px; margin: auto; text-align: center; padding: 60px 0px 200px; }
footer { background-color: rgb(1, 142, 245); color: rgb(255, 255, 255); text-align: center; padding-top: 6px; }
#error #error-page .container, #other #error-page .container { background-image: url("https://yaohuo.me/CSS/img/img/homepage/books.png"); background-position: -411px bottom; background-repeat: repeat-x; }
#other #readme-careers .container { padding: 90px 65px; }
#customers .cs_body_section > .container { max-width: 760px; }
#customers .customers_stories_link .container > .row > span, #content .customers_stories_link .container > .row > span { display: inline-block; font-size: 16px; margin: 0px 15px; line-height: 28px; }
#customers .customers_stories_link .container > .row > span.plain_text, #content .customers_stories_link .container > .row > span.plain_text { color: rgb(119, 134, 159); }
#customers .customers_stories_link .container > .row > span > a, #content .customers_stories_link .container > .row > span > a { color: rgb(119, 134, 159); }
#customers .customers_stories_link .container > .row > span > a.link_active, #content .customers_stories_link .container > .row > span > a.link_active { color: rgb(62, 204, 149); }
#customers .customers_stories_link .container > .row > span .icon, #content .customers_stories_link .container > .row > span .icon { height: 28px; width: auto; margin-right: 10px; vertical-align: middle; }
#customers .customers_stories_link .container > .row > span, #content .customers_stories_link .container > .row > span { display: inline-block; font-size: 16px; margin: 0px 15px; line-height: 28px; }
#customers .customers_stories_link .container > .row > span.plain_text, #content .customers_stories_link .container > .row > span.plain_text { color: rgb(119, 134, 159); }
#customers .customers_stories_link .container > .row > span > a, #content .customers_stories_link .container > .row > span > a { color: rgb(119, 134, 159); }
#customers .customers_stories_link .container > .row > span > a.link_active, #content .customers_stories_link .container > .row > span > a.link_active { color: rgb(62, 204, 149); }
#customers .customers_stories_link .container > .row > span > a:hover, #content .customers_stories_link .container > .row > span > a:hover { color: rgb(43, 167, 119); }
#customers .customers_stories_link .container > .row > span .icon, #content .customers_stories_link .container > .row > span .icon { height: 28px; width: auto; margin-right: 10px; vertical-align: middle; }
#enterprise { background-color: rgb(19, 142, 242); }
#enterprise header, #enterprise footer { background-color: rgb(19, 142, 242); }
#enterprise a, #enterprise button { transition: all 0.3s ease 0s; outline: none; }
#enterprise img { outline: none; border: 0px; }
#enterprise .owlbert-phone { height: 0px; overflow-y: hidden; position: absolute; bottom: 0px; width: 100%; transition: height 0.6s cubic-bezier(0.29, 0.53, 0.54, 1) 0s; }
#enterprise .owlbert-phone.visible { height: 150px; }
#enterprise .owlbert-phone img { max-height: 200px; margin: auto; }
#enterprise .banner { background: url("../image/Building_Illustration.svg") center bottom / 100% no-repeat rgb(19, 142, 242); min-height: 604px; text-align: center; padding: 199px 0px 190px; position: relative; }
#enterprise .banner .banner-content h1 { margin: 0px 0px 19px; padding: 0px; font-size: 44px; color: rgb(255, 255, 255); font-weight: 400; }
#enterprise .banner .banner-content p { font-size: 24px; line-height: 33px; color: rgba(255, 255, 255, 0.9); font-weight: 400; margin-bottom: 40px; }
#enterprise .banner .banner-content a { line-height: 50px; display: inline-block; padding: 0px 23.5px; background: rgb(255, 255, 255); border-radius: 3px; text-decoration: none; font-size: 18px; font-weight: bold; color: rgb(0, 120, 238); position: relative; }
#enterprise .banner .banner-content a:hover { background: rgb(0, 119, 215); color: rgb(255, 255, 255); }
#enterprise .content { padding: 148px 0px 0px; background: rgb(255, 255, 255); }
#enterprise .content .top-content-detail { padding: 0px 0px 0px 4px; margin: -8px 0px 0px; }
#enterprise .content .top-content-detail.bototm-content-detail { padding: 0px; }
#enterprise .content .top-content-detail h2 { margin: 0px 0px 19px; padding: 0px; font-size: 28px; color: rgb(44, 49, 53); font-weight: 400; line-height: 38px; }
#enterprise .content .top-content-detail p { font-size: 18px; color: rgb(159, 171, 186); margin: 0px 0px 35px; padding: 0px; line-height: 26px; }
#enterprise .content .top-content-detail ul { margin: 0px; padding: 0px; }
#enterprise .content .top-content-detail ul li:last-child { margin-bottom: 0px; }
#enterprise .content .top-content-detail ul li { margin: 0px 0px 34px; padding: 0px; display: block; }
#enterprise .content .top-content-detail ul li .icon { display: inline-block; vertical-align: top; }
#enterprise .content .thumbnail-outer { margin-bottom: 125px; }
#enterprise .content .thumbnail-outer-bottom { margin-bottom: 137px; text-align: center; }
#enterprise .content .thumbnail-outer-bottom img { display: inline-block; }
#enterprise .content .top-content-detail ul li span { font-size: 18px; line-height: 26px; color: rgb(5, 162, 245); display: inline-block; vertical-align: top; padding: 10px 0px 0px 11px; }
#enterprise .content .top-content-detail ul li .half { max-width: 240px; }
#enterprise .content .didyouknow { border-radius: 3px; background: rgb(249, 250, 251); text-align: center; padding: 28px 0px 25px; margin: 0px 0px 162px; }
#enterprise .content .didyouknow p { font-size: 18px; color: rgb(159, 171, 186); margin: 0px; padding: 0px; line-height: 22px; }
#enterprise .content .didyouknow p a { background: rgb(4, 135, 241); border-radius: 10px; font-size: 13px; color: rgb(255, 255, 255); font-weight: 600; padding: 0px 8px; text-decoration: none; margin: 0px 8px 0px 0px; display: inline-block; }
#enterprise .content .didyouknow p a:hover { background: rgb(0, 119, 215); }
#enterprise .content .didyouknow p span { font-size: 18px; color: rgb(35, 41, 47); border-bottom: 2px solid rgb(16, 140, 242); display: inline-block; padding-bottom: 3px; }
#enterprise .content .join-company-detail { padding: 50px 0px; text-align: center; border-top: 1px solid rgb(234, 237, 240); border-bottom: 1px solid rgb(234, 237, 240); margin-top: -50px; margin-bottom: 140px; }
#enterprise .content .join-company-detail h3 { color: rgb(44, 49, 53); font-size: 28px; line-height: 38px; font-weight: 400; margin-bottom: 30px; }
#enterprise .content .join-company-detail > a { line-height: 50px; background: rgb(19, 142, 242); display: inline-block; padding: 0px 23.5px; border-radius: 3px; text-decoration: none; font-size: 18px; font-weight: bold; color: rgb(255, 255, 255); position: relative; margin-bottom: 40px; }
#enterprise .content .join-company-detail > a:hover { background: rgb(0, 119, 215); color: rgb(255, 255, 255); }
#enterprise .content .join-company-detail ul { margin: 0px; padding: 0px; }
#enterprise .content .join-company-detail ul li { margin: 0px; padding: 0px; float: left; width: 22.222%; list-style: none; text-align: center; }
#enterprise .content .join-company-detail ul li.small { width: 16.6667%; }
#enterprise .content .join-company-detail .enterprise-logo { display: block; height: 57px; background-size: contain; background-position: center center; width: 80%; margin: auto; background-repeat: no-repeat; }
#enterprise .content .join-company-detail .logo-container { display: flex; -webkit-box-align: center; align-items: center; justify-content: space-around; }
#enterprise .content .join-company-detail .logo-container .enterprise-logo.yelp { background-image: url("https://yaohuo.me/CSS/img/img/enterprise/yelp-grey.png"); }
#enterprise .content .join-company-detail .logo-container .enterprise-logo.yelp:hover { background-image: url("https://yaohuo.me/CSS/img/img/enterprise/yelp-color.png"); }
#enterprise .content .join-company-detail .logo-container .enterprise-logo.lyft { background-image: url("https://yaohuo.me/CSS/img/img/enterprise/lyft-grey.png"); }
#enterprise .content .join-company-detail .logo-container .enterprise-logo.lyft:hover { background-image: url("https://yaohuo.me/CSS/img/img/enterprise/lyft-color.png"); }
#enterprise .content .join-company-detail .logo-container .enterprise-logo.intercom { background-image: url("https://yaohuo.me/CSS/img/img/enterprise/intercom-grey.png"); }
#enterprise .content .join-company-detail .logo-container .enterprise-logo.intercom:hover { background-image: url("https://yaohuo.me/CSS/img/img/enterprise/intercom-color.png"); }
#enterprise .content .join-company-detail .logo-container .enterprise-logo.microsoft { background-image: url("https://yaohuo.me/CSS/img/img/enterprise/microsoft-grey.png"); }
#enterprise .content .join-company-detail .logo-container .enterprise-logo.microsoft:hover { background-image: url("https://yaohuo.me/CSS/img/img/enterprise/microsoft-color.png"); }
#enterprise .content .join-company-detail .logo-container .enterprise-logo.pagerduty { background-image: url("https://yaohuo.me/CSS/img/img/enterprise/pagerduty-grey.png"); }
#enterprise .content .join-company-detail .logo-container .enterprise-logo.pagerduty:hover { background-image: url("https://yaohuo.me/CSS/img/img/enterprise/pagerduty-color.png"); }
#enterprise .content .top-heading { text-align: center; }
#enterprise .content .top-heading h4 { margin: 0px 0px 76px; padding: 49px 0px 0px; background: url("https://yaohuo.me/CSS/img/img/enterprise/HowWeGetItDone.svg") center top no-repeat; font-size: 14px; letter-spacing: 1.9px; text-transform: uppercase; font-weight: 400; color: rgb(159, 171, 186); }
#enterprise .content .user-management-detail { padding: 0px 40px; margin-bottom: 79px; }
#enterprise .content .user-management-detail h4 { margin: 0px 0px 24px; padding: 0px; font-size: 28px; color: rgb(0, 0, 0); }
#enterprise .content .user-management-detail p { font-size: 18px; color: rgb(159, 171, 186); margin: 0px 0px 36px; padding: 0px; }
#enterprise .content .user-management-detail ul { margin: 0px; padding: 0px; }
#enterprise .content .user-management-detail ul li:last-child { margin-bottom: 0px; }
#enterprise .content .user-management-detail ul li { margin: 0px 0px 34px; padding: 0px; display: block; }
#enterprise .content .user-management-detail ul li .icon { display: inline-block; vertical-align: top; }
#enterprise .content .user-management-detail ul li span { font-size: 18px; line-height: 26px; color: rgb(5, 162, 245); display: inline-block; vertical-align: top; padding: 10px 0px 0px 11px; }
#enterprise .content .user-management-detail ul li span.half { max-width: 220px; }
#enterprise .content .user-management-detail.complex-project { border-left: 1px solid rgb(234, 237, 240); padding: 0px 49px; margin-left: -15px; }
#enterprise .content .versioning-detail { padding: 65px 0px 146px; border-top: 1px solid rgb(234, 237, 240); text-align: center; }
#enterprise .content .versioning-detail h4 { font-size: 28px; color: rgb(0, 0, 0); margin-bottom: 24px; margin-top: 13px; }
#enterprise .content .versioning-detail p { font-size: 18px; color: rgb(159, 171, 186); margin: 0px; padding: 0px; }
#enterprise .content .testimonial-detail { padding: 134px 0px 140px; background: rgb(19, 142, 242); text-align: center; margin-bottom: 144px; }
#enterprise .content .testimonial-detail h4 { font-size: 28px; color: rgb(255, 255, 255); margin-bottom: 63px; }
#enterprise .content .testimonial-detail span { font-size: 18px; color: rgb(255, 255, 255); margin-top: 16px; display: block; }
#enterprise .content .testimonial-detail .testimonial-box { box-sizing: border-box; display: block; background: rgb(255, 255, 255); padding: 33px 30px 29px; border: 1px solid rgb(234, 237, 240); border-radius: 3px; min-height: 265px; }
#enterprise .content .testimonial-detail .testimonial-box img { margin-bottom: 28px; }
#enterprise .content .testimonial-detail .testimonial-box p { font-size: 24px; color: rgb(44, 49, 53); margin-bottom: 14px; line-height: 33px; }
#enterprise .content .testimonial-detail .testimonial-box a { font-size: 18px; color: rgb(77, 176, 244); font-weight: 600; text-decoration: none; margin-top: 25px; display: block; }
#enterprise .content .testimonial-detail img { height: 35px; }
#enterprise .content .testimonial-detail .testimonial-box a:hover { color: rgb(0, 119, 215); }
#enterprise .content .plan-detail { text-align: center; padding-bottom: 220px; }
#enterprise .content .plan-detail .form-group { text-align: left; }
#enterprise .content .plan-detail h4 { font-size: 28px; color: rgb(0, 0, 0); margin: 0px 0px 38px; line-height: 38px; }
#enterprise .content .plan-detail button { line-height: 40px; background: rgb(19, 142, 242); display: inline-block; padding: 0px 24px; border-radius: 3px; text-decoration: none; font-size: 15px; font-weight: 600; color: rgb(255, 255, 255); position: relative; }
#enterprise .content .plan-detail button:hover { background: rgb(0, 119, 215); color: rgb(255, 255, 255); }
#enterprise .content .plan-detail #thanks { display: none; }
#enterprise .content .plan-detail img { width: 25%; max-width: 300px; margin-bottom: 20px; }
#enterprise .content .plan-detail h4 { margin: 20px; }
#enterprise .content .plan-detail p { font-size: 18px; }
@media screen and (max-width: 1024px) {
  #enterprise .banner {
    padding: 130px 0;
    min-height: 480px;
  }
  #enterprise .banner .banner-content h1 {
    font-size: 32px;
  }
  #enterprise .banner .banner-content p {
    font-size: 18px;
    line-height: 24px;
  }
  #enterprise .content {
    padding: 60px 0 0 0;
  }
  #enterprise .content .top-content-detail p br {
    display: none;
  }
  #enterprise .content .top-content-detail h2,
  #enterprise .content .join-company-detail h3,
  #enterprise .content .user-management-detail h4,
  #enterprise .content .versioning-detail h4,
  #enterprise .content .testimonial-detail h4,
  #enterprise .content .plan-detail h4,
  #enterprise .content .personal-touch h4 {
    font-size: 22px;
    line-height: 30px;
  }
  #enterprise .content .top-content-detail p,
  #enterprise .content .user-management-detail p,
  #enterprise .content .versioning-detail p,
  #enterprise .content .personal-touch span {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
  }
  #enterprise .content .top-content-detail ul li,
  #enterprise .content .user-management-detail ul li {
    margin-bottom: 15px;
  }
  #enterprise .content .top-content-detail ul li span,
  #enterprise .content .user-management-detail ul li span {
    font-size: 14px;
    line-height: 22px;
  }
  #enterprise .content .thumbnail-outer,
  #enterprise .content .thumbnail-outer-bottom {
    margin-bottom: 110px;
  }
  #enterprise .content .didyouknow p {
    font-size: 14px;
  }
  #enterprise .content .didyouknow p span {
    font-size: 14px;
  }
  #enterprise .content .didyouknow {
    margin-bottom: 80px;
  }
  #enterprise .content .user-management-detail {
    padding: 0 10px;
  }
  #enterprise .content .join-company-detail {
    padding: 60px 0;
    margin-bottom: 60px;
  }
  #enterprise .content .user-management-detail.complex-project {
    padding: 0 20px;
  }
  #enterprise .content .versioning-detail {
    padding: 60px 0;
  }
  #enterprise .content .personal-touch {
    padding: 60px 0;
    margin-bottom: 60px;
  }
  #enterprise .content .testimonial-detail .testimonial-box p {
    font-size: 18px;
    line-height: 24px;
  }
  #enterprise .content .testimonial-detail,
  #enterprise .content .plan-detail {
    padding-bottom: 80px;
  }
  #enterprise .content .plan-detail h4 {
    padding: 60px 0 0 0;
  }
}